<!DOCTYPE html>
<html lang="en" >
<head>
  <meta charset="UTF-8">
  <title>Clip path</title>
  <link rel="stylesheet" href="https://cdnjs.cloudflare.com/ajax/libs/normalize/5.0.0/normalize.min.css">
<link rel="stylesheet" href="./css/style.css">

</head>
<body>
<!-- partial:index.partial.html -->
<div class="grid">
  <div class="item">
    <div class="envelope">
      <img class="image" src="https://images.unsplash.com/photo-1600156336721-0afd66a25271?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=400" alt="example image">
    </div>
  </div>
  <div class="item">
    <div class="envelope">
          <img class="image" src="https://images.unsplash.com/photo-1601252242360-ccac80271366?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=400" alt="example image">
    </div>
  </div>
  <div class="item">
    <div class="envelope">
          <img class="image" src="https://images.unsplash.com/photo-1601249573543-6c898b4ea9d4?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=400" alt="example image">
    </div>
  </div>
  <div class="item">
    <div class="envelope">
          <img class="image" src="https://images.unsplash.com/photo-1601074611876-a2ff0c0ce3a1?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=400" alt="example image">
    </div>
  </div>
  <div class="item">
    <div class="envelope">
          <img class="image" src="https://images.unsplash.com/photo-1600825121132-7655b4d28bb5?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=400&ixlib=rb-1.2.1&q=80&w=400" alt="example image">
    </div>
  </div>
  
  <div class="item">
    <div class="envelope">
      <img class="image" src="  https://images.unsplash.com/photo-1602121849425-25ec19588ba3?crop=entropy&cs=tinysrgb&fit=crop&fm=jpg&h=401&ixlib=rb-1.2.1&q=80&w=400
" alt="example image">
    </div>
  </div>
</div>
<!-- partial -->
  <script  src="./js/script.js"></script>

</body>
</html>
